.warp {
    text-align: center;
}

.warp a {
    display: inline-block;
    width: 16%;
    height: 16vw;
    line-height: 16vw;
    border-radius: 50%;
    background-color: #eaeaea;
    margin: 5% 1%;
    font-size: 1.6rem;
    color: #ffa4a4;
    text-decoration: none;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.warp a.active{
    background-color: #ff0808;
    color: #fff;
}